// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.mobile-menu {
  position: fixed;
  display: none;
  top: @navbar-height;
  width: 100%;
  z-index: var(--z-index--nav-bar-mobile);
  color: @osu-colour-c1;

  .link-hover({
    color: @osu-colour-c1;
  });

  &__content {
    -webkit-overflow-scrolling: touch;
    display: grid;
    grid-template-rows: auto 1fr;
    background-color: @osu-colour-b5;
    max-height: calc((var(--vh, 1vh) * 100) - @navbar-height);
  }

  &__item {
    display: none;
    overflow-y: scroll;

    &--search {
      overflow-y: auto;
    }

    &.js-click-menu--active {
      display: flex;
      flex-direction: column;
      flex: 1;
    }
  }

  &__tabs {
    display: flex;
    background-color: @osu-colour-d4;
  }
}
